/* Color
-------------------------- */
$color-white = #FFFFFF;

$color-primary = #2d8cf0;
$color-primary-light1 = mix(#FFFFFF, $color-primary, 10%);
$color-primary-light2 = mix(#FFFFFF, $color-primary, 20%);
$color-primary-light3 = mix(#FFFFFF, $color-primary, 40%);
$color-primary-light4 = mix(#FFFFFF, $color-primary, 50%);
$color-primary-light5 = mix(#FFFFFF, $color-primary, 60%);
$color-primary-light6 = mix(#FFFFFF, $color-primary, 90%);
$color-primary-light7 = mix(#FFFFFF, $color-primary, 95%);


$color-success = #19be6b;
$color-success-light1 = mix(#FFFFFF, $color-success, 10%);
$color-success-light2 = mix(#FFFFFF, $color-success, 20%);
$color-success-light3 = mix(#FFFFFF, $color-success, 40%);
$color-success-light4 = mix(#FFFFFF, $color-success, 50%);
$color-success-light5 = mix(#FFFFFF, $color-success, 60%);
$color-success-light6 = mix(#FFFFFF, $color-success, 90%);
$color-success-light7 = mix(#FFFFFF, $color-success, 95%);

$color-info = #909399;
$color-info-light1 = mix(#FFFFFF, $color-info, 10%);
$color-info-light2 = mix(#FFFFFF, $color-info, 20%);
$color-info-light3 = mix(#FFFFFF, $color-info, 40%);
$color-info-light4 = mix(#FFFFFF, $color-info, 50%);
$color-info-light5 = mix(#FFFFFF, $color-info, 60%);
$color-info-light6 = mix(#FFFFFF, $color-info, 90%);
$color-info-light7 = mix(#FFFFFF, $color-info, 95%);

$color-warning = #ff9900;
$color-warning-light1 = mix(#FFFFFF, $color-warning, 10%);
$color-warning-light2 = mix(#FFFFFF, $color-warning, 20%);
$color-warning-light3 = mix(#FFFFFF, $color-warning, 40%);
$color-warning-light4 = mix(#FFFFFF, $color-warning, 50%);
$color-warning-light5 = mix(#FFFFFF, $color-warning, 60%);
$color-warning-light6 = mix(#FFFFFF, $color-warning, 90%);
$color-warning-light7 = mix(#FFFFFF, $color-warning, 95%);

$color-danger = #ff4d4f;
$color-danger-light1 = mix(#FFFFFF, $color-danger, 10%);
$color-danger-light2 = mix(#FFFFFF, $color-danger, 20%);
$color-danger-light3 = mix(#FFFFFF, $color-danger, 40%);
$color-danger-light4 = mix(#FFFFFF, $color-danger, 50%);
$color-danger-light5 = mix(#FFFFFF, $color-danger, 60%);
$color-danger-light6 = mix(#FFFFFF, $color-danger, 90%);
$color-danger-light7 = mix(#FFFFFF, $color-danger, 95%);
/* text-Color
-------------------------- */
$color-text-primary = #303133;
$color-text-regular = #606266;
$color-text-secondary = #909399;
$color-text-placeholder = #C0C4CC;
$border-color-base = #DCDFE6;
$border-color-light = #E4E7ED;
$border-color-lighter = #EBEEF5;
$border-color-extra-light = #F2F6FC;

/* Border
-------------------------- */
$border-base = 1px solid $border-color-base;
$border-base-light = 1px solid $border-color-light;

$btn-disable-color = #c5c8ce;

